<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit"/>
<title>女装_韩都衣舍HSTYLE网-韩风快时尚第一品牌购物商城。正品保证，货到付款！</title>
<link rel="shortcut icon" th:href="@{/images/favicon.ico}" href="../images/favicon.ico" />
<link rel="stylesheet" type="text/css" th:href="@{/css/handu_base.css}" href="../css/handu_base.css" />
<link rel="stylesheet" type="text/css" th:href="@{/css/handu_common.css}" href="../css/handu_common.css" />
<link rel="stylesheet" type="text/css" th:href="@{/category/category.css}" href="category.css" />
<link rel="stylesheet" media="screen and (max-width:1200px)" th:href="@{/category/category_small.css}" href="category_small.css"/>
<script th:src="@{/js/jquery-1.9.1.min.js}" src="../js/jquery-1.9.1.min.js"></script>
<script th:src="@{/js/common.js}" src="../js/common.js"></script>
</head>
<body>
<!--HEADER-->

<th:block th:replace="layout::public_header"></th:block>
<!--HEADER end-->

<div class="wrap srch_categry" id="catgry_pg" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
  <!--左侧-->
  <div class="sliver">
    <!--热门分类-->
    <div class="cate">
      <dl th:each="data:${category}" th:classappend="${!#lists.isEmpty(sportal.parentcategorys) &amp;&amp;sportal.parentcategorys.get(0).id==data.id}?'on'">
	    <dt th:value="${data.id}"><a th:inline="text" th:href="@{'/category/index?category='+${data.id}}">[[${data.name}]]</a><i></i></dt>
        <dd th:each="subdata:${data.subCategories}" th:classappend="${(!#lists.isEmpty(sportal.parentcategorys) &amp;&amp;sportal.parentcategorys.size()>=2 &amp;&amp;sportal.parentcategorys.get(1).id==subdata.id) || sportal.category == (subdata.id+'')}?'on'">
        	<th:block th:if="${#lists.isEmpty(subdata.subCategories)}">
        		<h3 th:inline="text"><i class="no_child"></i><a th:classappend="${(subdata.id+'') == sportal.category}?'on'" th:inline="text" th:href="@{'/category/index?category='+${subdata.id}}">[[${subdata.name}]]([[${subdata.goodsNum}]])</a></h3>
        	</th:block>
        	<th:block th:unless="${#lists.isEmpty(subdata.subCategories)}">
        		<h3 th:inline="text"><i></i><a th:inline="text" th:href="@{'/category/index?category='+${subdata.id}}">[[${subdata.name}]]([[${subdata.goodsNum}]])</a></h3>
        		<ul>
        			<li th:each="subsubdata:${subdata.subCategories}" th:classappend="${(subsubdata.id+'') == sportal.category}?'on'">
        				<a th:inline="text" th:href="@{'/category/index?category='+${subsubdata.id}}">[[${subsubdata.name}]]</a>
        				<span th:inline="text">([[${subsubdata.goodsNum}]])</span>
        			</li>
        		</ul>
        	</th:block>
        </dd>
      </dl>
    </div>

    <!--热卖品-->
    <div class="hot">
      <h1>人气热卖</h1>
      <ul th:unless="${#lists.isEmpty(topSales)}">
        <li class="sc_box" th:each="data:${topSales}">
          <a href="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  title="" target="_blank">
            <img th:src="@{'http://192.168.1.182:8999'+${data.goodsPic}}" src='http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg' alt=""/>
          </a>
          <p>
            <span class="price " th:text="${'￥'+data.showPrice}">￥82</span>
            <span class="sales ">销量：<em th:text="${data.virtualSales}">1931</em></span>
          </p>
          <p class="name">
            <a href="" title="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  target="_blank" class="tname" th:text="${data.name}">女装韩版三色修身显瘦舒适创意字母图案短袖撞色T恤DL3252【韩都衣舍 2014夏装新款】</a>
          </p>
        </li>
      </ul>
    </div>
  </div>

  <!--右侧-->
  <div class="offside">
    <!--面包屑-->
    <div class="hd_crumb">  
      <span>您所在的位置</span>
      <code>&gt;</code> 
	  <a href="search.php">韩都衣舍</a>
      <th:block th:if="${sportal.category != null}">
      	  <th:block th:if="${!#lists.isEmpty(sportal.parentcategorys)}">
      	  	<th:block th:each="data:${sportal.parentcategorys}">
	      	  	<code>&gt;</code> 
		        <a href="javascript:void(0)" class="category" th:attr="value=${data.id}"  th:text="${data.name}">韩都衣舍</a>
      	  	</th:block>
      	  </th:block>
	      <code>&gt;</code> 
	      <a href="javascript:void(0)" class="category" th:attr="value=${sportal.category}"  th:text="${sportal.categoryname}">韩都衣舍</a>
      </th:block>
      <th:block th:if="${sportal.brand != null}">
	      <code>&gt;</code> 
	      <a href="javascript:void(0)" class="brand" th:attr="value=${sportal.brand}"  th:text="${sportal.brandname}">韩都衣舍</a>
      </th:block>
      <th:block th:if="${!#arrays.isEmpty(sportal.goodAttributes)}">
      	<th:block th:each="data:${sportal.goodAttributes}">
          <code>&gt;</code> 
          <a href="javascript:void(0)" class="attribute" th:attr="value=${data}" th:text="${data}">颜色</a>
      	</th:block>
      </th:block> 
    </div>
    <!--面包屑 end-->

    <!--选项-->
    <div class="filter" th:if="${topSearchGroupByBrand.size() &gt; 0 || topSearchGroupByAttribute.size() &gt; 0}">
      <!--品牌-->
      <div th:if="${sportal.brand == null &amp;&amp;topSearchGroupByBrand.size() &gt; 0}" class="attr brand">
        <dl>
          <dt>品牌</dt>
          <dd>
            <a th:each="data:${topSearchGroupByBrand}" th:attr="value=${'brand='+data.value.id}" th:text="${data.value.subname+'('+data.value.num+')'}" href="javascript:void(0)">HSTYLE女装(2477)</a>
          </dd>
        </dl>
      </div>

      <!--其它-->
      <div class="prop_attr" th:if="${topSearchGroupByAttribute.size() &gt; 0}">

        <!--领型-->
        <div th:each="data:${topSearchGroupByAttribute}" class="attr">
          <dl>
            <dt th:text="${data.key.name}">领型</dt>
            <dd>
              <a th:each="subdata:${data.value}" th:attr="value=${'goodAttributes='+subdata.subname}" th:text="${subdata.subname+'('+subdata.num+')'}" href="javascript:void(0)">V领(54)</a>
            </dd>
          </dl>
        </div>
      </div>

      <!--更多选项-->
      <div class="more">
        <div class="line"></div>
        <span>
          <i></i>
          <span class="more">更多选项</span>
          <span class="less">精简选项</span>
        </span>
      </div>
      <!--更多选项 end-->

    </div>
    <!--选项 end-->

    <!--筛选区-->
    <div class="sort_bar">
      <!--升降序-->
      <ul class="sort_set">
        <li th:classappend="${sportal.order.name() == 'COMMON'}? 'on'">
          <a href="javascript:void(0)" target="_blank">综合排序</a>
        </li>
        <li th:classappend="${sportal.order.name() == 'SALESVOLUME'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'SALESVOLUME'}">销量
            <em th:if="${sportal.order.name() == 'SALESVOLUME' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'SALESVOLUME' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'SALESVOLUME'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
        <li th:classappend="${sportal.order.name() == 'CREATED'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'CREATED'}">新品
            <em th:if="${sportal.order.name() == 'CREATED' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'CREATED' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'CREATED'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
        <li th:classappend="${sportal.order.name() == 'PRICE'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'PRICE'}">价格
            <em th:if="${sportal.order.name() == 'PRICE' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'PRICE' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'PRICE'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
      </ul>
      <!--价格-->
      <div class="priceRange">
        <div class="pr_box">
          <span class="input_notice">
            <label>￥</label>
            <input type="text" th:value="${sportal.minprice}" class="txt min"/>
          </span>
          <code>-</code>
          <span class="input_notice">
            <label>￥</label>
            <input type="text" th:value="${sportal.maxprice}" class="txt max"/>
          </span>
        </div>
        <div class="pr_btn">
          <button type="button" class="btn btn-clear"></button>
          <button type="button" class="btn btn-yes"></button>
        </div>
      </div>
      <!--促销-->
      <div class="srch_ckb">
        <input type="checkbox" name="discount" class="hide"/>
        <span class="ckb" th:classappend="${sportal.isPromotion}?'checked'"></span>
        <span>促销</span>
      </div>
      <!--包邮-->
      <div class="srch_ckb">
        <input type="checkbox" name="ship" class="hide"/>
        <span class="ckb" th:classappend="${sportal.isPost4Free}?'checked'"></span>
        <span>包邮</span>
      </div>
      <!--翻页-->
      <div class="page_set">
        <span th:inline="text">总计[[${currentPage.totalElements}]]个商品</span>
        <span th:inline="text" th:unless="${currentPage.totalElements == 0}">[[${currentPage.number+1}]] /[[${currentPage.totalPages}]]</span>
        <span th:inline="text" th:if="${currentPage.totalElements == 0}">0 /0</span>
        <a class="arr" th:if="${currentPage.hasPreviousPage()}" href="javascript:void(0)">
          <span>&lt;</span>
        </a>
        <span class="arr" th:unless="${currentPage.hasPreviousPage()}">&lt;</span>
        <a class="arr" th:if="${currentPage.hasNextPage()}" href="javascript:void(0)">
          <span>&gt;</span>
        </a>
        <span class="arr" th:unless="${currentPage.hasNextPage()}">&gt;</span>
      </div>
      <!--翻页 end-->
    </div>

    <!--商品列表-->
    <ul class="pro_list" th:if = "${currentPage.numberOfElements}">
      <li th:each="data:${currentPage}">
        <div class="ctgry_box">
          <a href="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  title="" target="_blank">
            <img th:src="@{'http://192.168.1.182:8999'+${data.goodsPic}}" src="http://s.handu.com/images/goods_attr/thumb/20140322/1395454736464805562.jpg" alt=""/>
          </a>
          <div class="imgs">
            <div class="item" th:if="${#lists.isEmpty(data.picAddresss)}">
              <img th:src="@{'http://192.168.1.182:8999'+${data.thumbGoodsPic}}" th:attr="thumb=${'http://192.168.1.182:8999'+data.thumbGoodsPic}" src="http://s.handu.com/images/goods_attr/small/20140322/1395454736230086586.jpg" alt="" thumb="http://s.handu.com/images/goods_attr/thumb/20140322/1395454736464805562.jpg"/>
            </div>
            <th:block th:if="${data.picAddresss != null}">
	            <div th:each="picdata:${data.picAddresss}" class="item">
	              <img th:src="@{'http://192.168.1.182:8999'+${picdata}}" th:attr="thumb=${'http://192.168.1.182:8999'+picdata}" src="http://s.handu.com/images/goods_attr/small/20140322/1395454736220947639.jpg" alt="" thumb="http://s.handu.com/images/goods_attr/thumb/20140322/1395454736401341109.jpg" />
	            </div>
            </th:block>
          </div>
          <p class="price">
            <em th:attr="title=${'￥'+data.showPrice}" title="￥238" th:inline="text">
              <b>￥</b>
              [[${data.showPrice}]]
            </em>
            <del th:attr="title=${'市场价￥'+data.marketPrice}" th:text="${'￥'+data.marketPrice}" title="市场价 288.00">￥288.00</del>
          </p>
          <p class="name">
            <a href="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}" th:text="${data.name}" target="_blank">韩都衣舍夏装新款女装纯色翻领修身短袖连衣裙DF1103</a>
          </p>
          <p class="status">
            <span>
              <em th:text="${data.virtualSales}">1974</em>
              <br/>
              销量
            </span>
            <span class="r">
              <a href="" target="">1814</a>
              <br/>
              评价
            </span>
          </p>
        </div>
      </li>
    </ul>
    
    <div class="pro_list" th:unless="${currentPage.numberOfElements}" style="text-align: center;"><h2>筛选条件加的太多啦，未找到相关商品</h2></div>
    
    <!--商品列表 end-->

    <!--分页-->
    <div class="pager" th:unless="${currentPage.totalElements == 0}">
      <a href="javascript:void(0)" class="prev" th:if="${currentPage.hasPrevious()}">上一页</a>
      <th:block th:if="${currentPage.pageNumberList.get(0)&gt;1}">
      	<a href="javascript:void(0)" class="other">1</a>
      	<a href="javascript:void(0)">...</a>
      </th:block>
      <th:block th:each="data:${currentPage.pageNumberList}">
      	<span class="current" th:if="${currentPage.number==data}" th:text="${data+1}"></span>
      	<a href="javascript:void(0)" class="other" th:text="${data+1}" th:if="${currentPage.number != data}"></a>
      </th:block>
      <th:block th:if="${(currentPage.pageNumberList.get(0)+8) &lt;(currentPage.totalPages-2)}">
        <a href="javascript:void(0)">...</a>
      	<a href="javascript:void(0)" class="other" th:text="${currentPage.totalPages}"></a>
      </th:block>
      <a href="javascript:void(0)" class="next" th:if="${currentPage.hasNext()}">下一页</a>
      <form>
        <span th:inline="text">共[[${currentPage.totalPages}]]页</span>
      </form>
    </div>
    <!--分页 end-->

    <!--新品推荐-->
    <div class="catgry_goods_mod" id="mod4">
      <h1><span class="fl">新品推荐</span></h1>
      <div class="con">
        <ul>
          <!--item1-->
          <li class="cat_user_box" th:each="data:${topNew}">
            <a href="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  target="_blank" title="">
              <img th:src="@{'http://192.168.1.182:8999'+${data.goodsPic}}" src="http://s.handu.com/images/goods_attr/thumb/20140322/1395454736464805562.jpg" title="" alt=""/>
            </a>
            <ul>
              <li class="name">
                <a href="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}" target="_blank" th:text="${data.name}">韩都衣舍韩版2014春装新款女装七分袖连衣裙</a>
              </li>
              <li class="price">
                <span class="price_name">售价：</span>
                <span class="arrow">￥</span>
                <span class="new_price" th:text="${data.showPrice}">159.00</span>
              </li>
            </ul>
          </li>
          <!--item1 end--> 
        </ul>
      </div>
    </div>
    <!--新品推荐 end-->

  </div>
  <!--右侧 end-->
  <!--广告位-->
  
  <a th:href="@{${advertise.advertiseLink}}" href="" target="_blank" title="" class="gg">
    <img th:unless="${#strings.contains(advertise.advertiseImageUrl,'http')}" th:src="@{'http://192.168.1.182:8999'+${advertise.advertiseImageUrl}}" src="http://s.handu.com/data/afficheimg/1402026391639952941.jpg" alt="" width="1200"/>
    <img th:if="${#strings.contains(advertise.advertiseImageUrl,'http')}" th:src="@{${advertise.advertiseImageUrl}}" src="http://s.handu.com/data/afficheimg/1402026391639952941.jpg" alt="" width="1200"/>
  </a>
  <!--广告位 end-->
</div>
<script th:src="@{/category/js/category.js}"></script>  
<script type="text/javascript">
$(function(){
	  /*文本框事件*/
	  var obj = $(".input_notice .txt");
	  search_txt(obj);

	  /*筛选出前三行的其余隐藏*/
	  var obj = $("#catgry_pg .filter .prop_attr .attr");
	  attr_hid(obj,3);

	  /*更多选项 精简事件*/
	  more_less("#catgry_pg");

	  /*价格段 重写文本事件*/
	  $("#catgry_pg .sort_bar .priceRange .pr_box .input_notice .txt").bind({
	    'focus':function(){
	       setTimeout('$("#catgry_pg .sort_bar .priceRange").addClass("on")',201);
	       $(this).keyup(function(){
	       	 if(new RegExp('[^\\d\\.]','g').test($(this).val()) || $(this).val().split('.').length>2){
	       	 	$(this).val($(this).val().slice(0,-1));
	       	 }
	       });
	     },
	    'blur':function(){
	      setTimeout('$("#catgry_pg .sort_bar .priceRange").removeClass("on")',200);
	      $(this).unbind("keyup");
	    }
	  });
	  
	  /*左侧菜单事件*/
	  $("#catgry_pg .sliver .cate>dl dt").click(function(){
	    if($(this).parent().hasClass("on")){
	      $(this).parent().removeClass("on");
	      $(this).parent().find("dd").removeClass("on");
	    }else{
	      $(this).parent().addClass("on").siblings().removeClass("on");
	    }
	  });
	  $("#catgry_pg .sliver .cate>dl dd>h3").click(function(){
	    if($(this).parent().hasClass("on")){
	      $(this).parent().removeClass("on");
	    }else{
	      $(this).parent().addClass("on").siblings().removeClass("on");
	    }
	  });

	  /*切换商品图*/
	  $(".ctgry_box .imgs .item").hover(function(){
	    var newSrc = $(this).find("img").attr("thumb");
	    $(this).parents(".ctgry_box").find("a img").attr("src",newSrc);
	  });

});
</script>   
	


 

<!--FOOTER-->
<div id="hd_footer" th:replace="layout::public_footer"></div>
<!--FOOTER end-->
</body>
</html>